@charset "UTF-8";

.auto-height,
.auto-height .tui-editor-defaultUI {
  height: auto
}

.auto-height .tui-editor {
  position: relative
}

:not(.auto-height)>.tui-editor-defaultUI,
:not(.auto-height)>.tui-editor-defaultUI>.te-editor-section {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}

:not(.auto-height)>.tui-editor-defaultUI>.te-editor-section {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1
}

.tui-editor-defaultUI-toolbar:after,
.tui-editor:after {
  content: "";
  display: block;
  height: 0;
  clear: both
}

.tui-editor {
  position: absolute;
  line-height: 1;
  color: #181818;
  width: 100%;
  height: inherit
}

.te-editor-section {
  min-height: 0;
  position: relative;
  height: inherit
}

.te-md-container {
  display: none;
  overflow: hidden;
  height: 100%
}

.te-md-container .te-editor {
  line-height: 1.5
}

.te-md-container .te-editor,
.te-md-container .te-preview {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  height: inherit
}

.te-md-container .CodeMirror {
  font-size: 13px;
  height: inherit
}

.te-md-container .te-preview {
  overflow: auto;
  padding: 0 25px;
  height: 100%
}

.te-md-container .te-preview>p:first-child {
  margin-top: 0 !important
}

.te-md-container .te-preview .tui-editor-contents {
  padding-top: 11px
}

.tui-editor .te-preview-style-tab>.te-editor,
.tui-editor .te-preview-style-tab>.te-preview {
  float: left;
  width: 100%;
  display: none
}

.tui-editor .te-preview-style-tab>.te-tab-active {
  display: block
}

.tui-editor .te-preview-style-vertical>.te-tab-section {
  display: none
}

.tui-editor .te-preview-style-tab>.te-tab-section {
  display: block
}

.tui-editor .te-preview-style-vertical .te-editor,
.tui-editor .te-preview-style-vertical .te-preview {
  float: left;
  width: 50%
}

.tui-editor .te-md-splitter {
  display: none;
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 1px;
  border-left: 1px solid #e5e5e5
}

.tui-editor .te-preview-style-vertical .te-md-splitter {
  display: block
}

.te-ww-container {
  display: none;
  overflow: hidden;
  z-index: 10;
  height: inherit;
  background-color: #fff
}

.te-ww-container>.te-editor {
  overflow: auto;
  height: inherit
}

.te-ww-container .tui-editor-contents:focus {
  outline: none
}

.te-ww-container .tui-editor-contents {
  padding: 0 25px
}

.te-ww-container .tui-editor-contents:first-child {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 16px 25px 0 25px;
  height: inherit
}

.te-ww-container .tui-editor-contents:last-child {
  margin-bottom: 16px
}

.te-md-mode .te-md-container,
.te-ww-mode .te-ww-container {
  display: block;
  z-index: 100
}

.tui-editor-defaultUI.te-hide,
.tui-editor.te-hide {
  display: none
}

.tui-editor-defaultUI .CodeMirror-lines {
  padding-top: 13px;
  padding-bottom: 13px
}

.tui-editor-defaultUI .CodeMirror-line {
  padding-left: 25px;
  padding-right: 25px
}

.tui-editor-defaultUI .CodeMirror pre.CodeMirror-placeholder {
  padding-left: 25px;
  color: grey
}

.tui-editor-defaultUI .CodeMirror-scroll {
  cursor: text
}

.tui-editor-contents td.te-cell-selected {
  background-color: #d8dfec
}

.tui-editor-contents td.te-cell-selected::-moz-selection {
  background-color: #d8dfec
}

.tui-editor-contents td.te-cell-selected::selection {
  background-color: #d8dfec
}

.tui-editor-contents th.te-cell-selected {
  background-color: #908f8f
}

.tui-editor-contents th.te-cell-selected::-moz-selection {
  background-color: #908f8f
}

.tui-editor-contents th.te-cell-selected::selection {
  background-color: #908f8f
}

.tui-editor-defaultUI {
  position: relative;
  border: 1px solid #e5e5e5;
  height: 100%;
  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tui-editor-defaultUI button {
  color: #fff;
  padding: 0 14px 0 15px;
  height: 28px;
  font-size: 12px;
  border: none;
  cursor: pointer;
  outline: none
}

.tui-editor-defaultUI button.te-ok-button {
  background-color: #4b96e6
}

.tui-editor-defaultUI button.te-close-button {
  background-color: #777
}

.tui-editor-defaultUI-toolbar {
  padding: 0 25px;
  height: 31px;
  background-color: #fff;
  border: 0;
  overflow: hidden
}

.tui-toolbar-divider {
  float: left;
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #ddd;
  margin: 9px 6px
}

.tui-toolbar-button-group {
  height: 28px;
  border-right: 1px solid #d9d9d9;
  float: left
}

.te-toolbar-section {
  height: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5
}

.tui-editor-defaultUI-toolbar button {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
  background-color: #fff;
  width: 22px;
  height: 22px;
  padding: 3px;
  border-radius: 0;
  margin: 5px 3px;
  border: 1px solid #fff
}

.tui-editor-defaultUI-toolbar button.active,
.tui-editor-defaultUI-toolbar button:active,
.tui-editor-defaultUI-toolbar button:hover {
  border: 1px solid #aaa;
  background-color: #fff
}

.tui-editor-defaultUI-toolbar button:first-child {
  margin-left: 0
}

.tui-editor-defaultUI-toolbar button:last-child {
  margin-right: 0
}

.tui-editor-defaultUI-toolbar button.tui-scrollsync {
  width: auto;
  color: #777;
  border: 0
}

.tui-editor-defaultUI button.tui-scrollsync:after {
  content: "Scroll off"
}

.tui-editor-defaultUI button.tui-scrollsync.active {
  color: #125de6;
  font-weight: 700
}

.tui-editor-defaultUI button.tui-scrollsync.active:after {
  content: "Scroll on"
}

.tui-editor-defaultUI .te-mode-switch-section {
  background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5;
  height: 20px;
  font-size: 12px
}

.tui-editor-defaultUI .te-mode-switch {
  float: right;
  height: 100%
}

.tui-editor-defaultUI .te-switch-button {
  width: 92px;
  height: inherit;
  background: #e5e5e5;
  outline: 0;
  color: #a0aabf;
  cursor: pointer;
  border: 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd
}

.tui-editor-defaultUI .te-switch-button.active {
  background-color: #fff;
  color: #000
}

.tui-editor-defaultUI .te-markdown-tab-section {
  float: left;
  height: 31px;
  background: #fff
}

.te-markdown-tab-section .te-tab {
  margin: 0 -7px 0 24px;
  background: #fff
}

.tui-editor-defaultUI .te-tab button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 100%;
  position: relative;
  cursor: pointer;
  z-index: 1;
  font-size: 13px;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  border-top: 0;
  padding: 0 9px;
  color: #777;
  border-radius: 0;
  outline: 0
}

.te-markdown-tab-section .te-tab button:last-child {
  margin-left: -1px
}

.te-markdown-tab-section .te-tab button.te-tab-active,
.te-markdown-tab-section .te-tab button:hover.te-tab-active {
  background-color: #fff;
  color: #333;
  border-bottom: 1px solid #fff;
  z-index: 2
}

.te-markdown-tab-section .te-tab button:hover {
  background-color: #fff;
  color: #333
}

.tui-popup-modal-background {
  background-color: hsla(0, 0%, 79.2%, .6);
  position: fixed;
  margin: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999
}

.tui-popup-modal-background.fit-window .tui-popup-wrapper,
.tui-popup-wrapper.fit-window {
  width: 100%;
  height: 100%
}

.tui-popup-wrapper {
  width: 500px;
  margin-right: auto;
  border: 1px solid #cacaca;
  background: #fff;
  z-index: 9999
}

.tui-popup-modal-background .tui-popup-wrapper {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.tui-popup-header {
  padding: 10px;
  height: auto;
  line-height: normal;
  position: relative;
  border-bottom: 1px solid #cacaca
}

.tui-popup-header .tui-popup-header-buttons {
  float: right
}

.tui-popup-header .tui-popup-header-buttons button {
  padding: 0;
  background-color: transparent;
  background-size: cover;
  float: left
}

.tui-popup-header .tui-popup-close-button {
  margin: 3px;
  width: 13px;
  height: 13px;
  background-image: url()
}

.tui-popup-header .tui-popup-title {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  vertical-align: bottom
}

.tui-popup-body {
  padding: 15px;
  font-size: 12px
}

.tui-editor-popup {
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -250px
}

.tui-editor-popup.tui-popup-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0
}

.tui-editor-popup .tui-popup-body label {
  font-weight: 700;
  color: #666;
  display: block;
  margin: 10px 0 5px
}

.tui-editor-popup .tui-popup-body .te-button-section {
  margin-top: 15px
}

.tui-editor-popup .tui-popup-body input[type=file],
.tui-editor-popup .tui-popup-body input[type=text] {
  padding: 4px 10px;
  border: 1px solid #bfbfbf;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}

.tui-editor-popup .tui-popup-body input.wrong {
  border-color: red
}

.te-popup-add-link .tui-popup-wrapper {
  height: 219px
}

.te-popup-add-image .tui-popup-wrapper {
  height: 243px
}

.te-popup-add-image .te-tab {
  display: block;
  background: none;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 8px
}

.te-popup-add-image .te-file-type,
.te-popup-add-image .te-url-type {
  display: none
}

.te-popup-add-image div.te-tab-active,
.te-popup-add-image form.te-tab-active {
  display: block
}

.te-popup-add-image .te-tab button {
  border: 1px solid #ccc;
  background: #eee;
  min-width: 100px;
  margin-left: -1px;
  border-bottom: 0;
  border-radius: 3px 3px 0 0
}

.te-popup-add-image .te-tab button.te-tab-active {
  background: #fff
}

.te-popup-add-table .te-table-selection {
  position: relative
}

.te-popup-add-table .te-table-body {
  background-image: url("")
}

.te-popup-add-table .te-table-header {
  background-image: url("")
}

.te-popup-add-table .te-selection-area {
  position: absolute;
  top: 0;
  left: 0;
  background: #80d2ff;
  opacity: .3;
  z-index: 999
}

.te-popup-add-table .te-description {
  margin: 10px 0 0 0;
  text-align: center
}

.te-popup-table-utils {
  width: 120px
}

.te-popup-table-utils .tui-popup-body {
  padding: 0
}

.te-popup-table-utils button {
  width: 100%;
  background-color: #fff;
  border: none;
  outline: 0;
  padding: 0 10px 0 10px;
  font-size: 12px;
  line-height: 28px;
  text-align: left;
  color: #777
}

.te-popup-table-utils button:hover {
  background-color: #f4f4f4
}

.te-popup-table-utils hr {
  background-color: #cacaca;
  border-style: none;
  height: 1px
}

.te-heading-add {
  width: auto
}

.te-heading-add .tui-popup-body {
  padding: 0
}

.te-heading-add h1,
.te-heading-add h2,
.te-heading-add h3,
.te-heading-add h4,
.te-heading-add h5,
.te-heading-add h6,
.te-heading-add p,
.te-heading-add ul {
  padding: 0;
  margin: 0
}

.te-heading-add ul {
  list-style: none
}

.te-heading-add ul li {
  padding: 2px 10px;
  cursor: pointer
}

.te-heading-add ul li:hover {
  background-color: #eee
}

.te-heading-add h1 {
  font-size: 24px
}

.te-heading-add h2 {
  font-size: 22px
}

.te-heading-add h3 {
  font-size: 20px
}

.te-heading-add h4 {
  font-size: 18px
}

.te-heading-add h5 {
  font-size: 16px
}

.te-heading-add h6 {
  font-size: 14px
}

.te-dropdown-toolbar {
  position: absolute;
  width: auto
}

.te-dropdown-toolbar .tui-popup-body {
  padding: 0
}

.te-dropdown-toolbar .tui-toolbar-divider {
  display: none
}

.tui-popup-color {
  padding: 0
}

.tui-popup-color .tui-colorpicker-container,
.tui-popup-color .tui-colorpicker-palette-container {
  width: 144px
}

.tui-popup-color .tui-colorpicker-container ul {
  width: 144px;
  margin-bottom: 8px
}

.tui-popup-color .tui-colorpicker-container li {
  padding: 0 1px 1px 0
}

.tui-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button {
  border: 0;
  width: 17px;
  height: 17px
}

.tui-popup-color .tui-popup-body {
  padding: 10px
}

.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-toggle-slider {
  display: none
}

.tui-popup-color .te-apply-button,
.tui-popup-color .tui-colorpicker-palette-hex {
  float: right
}

.tui-popup-color .te-apply-button {
  height: 21px;
  width: 35px;
  background: #fff;
  border: 1px solid #efefef;
  position: absolute;
  bottom: 141px;
  right: 10px
}

.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-hex {
  border: 1px solid #e1e1e1;
  padding: 3px 14px;
  margin-left: -1px
}

.tui-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix {
  display: inline-block
}

.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-preview {
  width: 19px;
  height: 19px
}

.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-slider-right {
  width: 22px
}

.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-huebar-handle {
  display: none
}

.tui-tooltip {
  z-index: 999;
  opacity: .8;
  color: #fff;
  padding: 2px 5px;
  font-size: 10px
}

.tui-tooltip,
.tui-tooltip .arrow {
  position: absolute;
  background-color: #222
}

.tui-tooltip .arrow {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 6px;
  z-index: -1
}

.tui-toolbar-icons {
  background: url(../img/tui-editor.30dd0f52.png);
  background-size: 218px 188px;
  display: inline-block
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
  .tui-toolbar-icons {
    background: url(../img/tui-editor-2x.b4361244.png);
    background-size: 218px 188px;
    display: inline-block
  }
}

.tui-toolbar-icons.tui-heading {
  background-position: -172px -48px
}

.tui-toolbar-icons.tui-heading:disabled {
  background-position: -193px -48px
}

.tui-toolbar-icons.tui-bold {
  background-position: -4px -4px
}

.tui-toolbar-icons.tui-bold:disabled {
  background-position: -25px -4px
}

.tui-toolbar-icons.tui-italic {
  background-position: -4px -48px
}

.tui-toolbar-icons.tui-italic:disabled {
  background-position: -25px -48px
}

.tui-toolbar-icons.tui-color {
  background-position: -172px -70px
}

.tui-toolbar-icons.tui-color:disabled {
  background-position: -193px -70px
}

.tui-toolbar-icons.tui-strike {
  background-position: -4px -26px
}

.tui-toolbar-icons.tui-strike:disabled {
  background-position: -25px -26px
}

.tui-toolbar-icons.tui-hrline {
  background-position: -46px -92px
}

.tui-toolbar-icons.tui-hrline:disabled {
  background-position: -67px -92px
}

.tui-toolbar-icons.tui-quote {
  background-position: -4px -114px
}

.tui-toolbar-icons.tui-quote:disabled {
  background-position: -25px -114px
}

.tui-toolbar-icons.tui-ul {
  background-position: -46px -4px
}

.tui-toolbar-icons.tui-ul:disabled {
  background-position: -67px -4px
}

.tui-toolbar-icons.tui-ol {
  background-position: -46px -26px
}

.tui-toolbar-icons.tui-ol:disabled {
  background-position: -67px -26px
}

.tui-toolbar-icons.tui-task {
  background-position: -130px -48px
}

.tui-toolbar-icons.tui-task:disabled {
  background-position: -151px -48px
}

.tui-toolbar-icons.tui-indent {
  background-position: -46px -48px
}

.tui-toolbar-icons.tui-indent:disabled {
  background-position: -67px -48px
}

.tui-toolbar-icons.tui-outdent {
  background-position: -46px -70px
}

.tui-toolbar-icons.tui-outdent:disabled {
  background-position: -67px -70px
}

.tui-toolbar-icons.tui-table {
  background-position: -88px -92px
}

.tui-toolbar-icons.tui-table:disabled {
  background-position: -109px -92px
}

.tui-toolbar-icons.tui-image {
  background-position: -130px -4px
}

.tui-toolbar-icons.tui-image:disabled {
  background-position: -151px -4px
}

.tui-toolbar-icons.tui-link {
  background-position: -130px -26px
}

.tui-toolbar-icons.tui-link:disabled {
  background-position: -151px -26px
}

.tui-toolbar-icons.tui-code {
  background-position: -130px -92px
}

.tui-toolbar-icons.tui-code:disabled {
  background-position: -151px -92px
}

.tui-toolbar-icons.tui-codeblock {
  background-position: -130px -70px
}

.tui-toolbar-icons.tui-codeblock:disabled {
  background-position: -151px -70px
}

.tui-toolbar-icons.tui-more {
  background-position: -172px -92px
}

.tui-toolbar-icons.tui-more:disabled {
  background-position: -193px -92px
}

.tui-colorpicker-svg-huebar,
.tui-colorpicker-svg-slider,
.tui-colorpicker-vml-slider {
  border: 1px solid #ebebeb
}

.CodeMirror-sizer {
  margin-top: 6px
}

.CodeMirror .cm-header {
  font-weight: 700;
  color: inherit
}

.CodeMirror .cm-header-1 {
  font-size: 24px
}

.CodeMirror .cm-header-2 {
  font-size: 22px
}

.CodeMirror .cm-header-3 {
  font-size: 20px
}

.CodeMirror .cm-header-4 {
  font-size: 18px
}

.CodeMirror .cm-header-5 {
  font-size: 16px
}

.CodeMirror .cm-header-6 {
  font-size: 14px
}

.CodeMirror .cm-variable-2 {
  color: inherit
}

.tui-editor-pseudo-clipboard {
  position: fixed;
  left: -1000px;
  top: -1000px;
  width: 100px;
  height: 100px
}

.te-ww-block-overlay.code-block-header {
  text-align: right;
  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.te-ww-block-overlay.code-block-header span {
  font-size: 10px;
  font-weight: 600;
  padding: 0 10px;
  color: #333;
  cursor: default
}

.te-ww-block-overlay.code-block-header button {
  margin: 8px;
  font-size: 10px;
  color: #333;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 4px;
  height: auto
}

.te-popup-code-block-languages {
  position: fixed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 130px
}

.te-popup-code-block-languages .tui-popup-body {
  max-height: 169px;
  overflow: auto;
  padding: 0
}

.te-popup-code-block-languages button {
  width: 100%;
  background-color: #fff;
  border: none;
  outline: 0;
  padding: 0 10px 0 10px;
  font-size: 12px;
  line-height: 24px;
  text-align: left;
  color: #777
}

.te-popup-code-block-languages button.active {
  background-color: #f4f4f4
}

.tui-popup-code-block-editor .tui-popup-wrapper {
  width: 70%;
  height: 70%;
  margin: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}

.te-input-language {
  position: relative;
  margin-left: 15px;
  cursor: pointer
}

.te-input-language input {
  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 10px;
  padding: 3px 5px;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 130px;
  outline: none
}

.te-input-language input::-ms-clear {
  display: none
}

.te-input-language:after {
  content: url();
  position: absolute;
  top: 1px;
  right: 3px
}

.te-input-language.active:after {
  content: url()
}

.tui-popup-code-block-editor button {
  margin: -1px 3px
}

.tui-popup-code-block-editor .tui-popup-header-buttons {
  height: 20px
}

.tui-popup-code-block-editor .popup-editor-toggle-preview:after {
  content: "Preview off";
  color: #777;
  margin-right: 22px
}

.tui-popup-code-block-editor .popup-editor-toggle-preview.active:after {
  content: "Preview on";
  color: #4b96e6
}

.tui-popup-code-block-editor .popup-editor-toggle-scroll:after {
  content: "Scroll off";
  color: #777;
  margin-right: 16px
}

.tui-popup-code-block-editor .popup-editor-toggle-scroll.active:after {
  content: "Scroll on";
  color: #4b96e6
}

.tui-popup-code-block-editor .popup-editor-toggle-fit {
  width: 18px;
  height: 18px;
  margin-top: 4px;
  margin-right: 14px;
  background-image: url()
}

.tui-popup-code-block-editor .popup-editor-toggle-fit.active {
  background-image: url()
}

.tui-popup-code-block-editor .tui-popup-close-button {
  margin-top: 6px
}

.tui-popup-code-block-editor .tui-popup-body {
  z-index: -1;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1
}

.tui-popup-code-block-editor .popup-editor-body {
  position: relative;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  border-bottom: 1px solid #cacaca
}

.tui-popup-code-block-editor .te-button-section {
  padding: 15px
}

.tui-popup-code-block-editor .te-button-section button {
  float: left
}

.tui-popup-code-block-editor .tui-editor-contents pre {
  margin: 0;
  background-color: transparent
}

.tui-popup-code-block-editor .CodeMirror {
  height: auto
}

.tui-popup-code-block-editor .CodeMirror-line {
  font-family: Consolas, Courier, Apple SD 산돌고딕 Neo, -apple-system, Lucida Grande, Apple SD Gothic Neo, 맑은 고딕, Malgun Gothic, Segoe UI, 돋움, dotum, sans-serif;
  font-size: 13px;
  line-height: 160%;
  letter-spacing: -.3px
}

.tui-popup-code-block-editor .popup-editor-editor-wrapper {
  min-height: 100%
}

.tui-split-scroll-wrapper {
  position: relative
}

.tui-split-scroll {
  position: absolute
}

.tui-split-scroll,
.tui-split-scroll-wrapper {
  width: 100%;
  height: 100%
}

.tui-split-scroll .tui-split-content-left,
.tui-split-scroll .tui-split-content-right {
  position: absolute;
  top: 0;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tui-split-scroll .tui-split-content-left {
  left: 0
}

.tui-split-scroll .tui-split-content-right {
  left: 50%
}

.tui-split-scroll .tui-splitter {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 1px;
  border-left: 1px solid #cacaca
}

.tui-split-scroll .tui-split-scroll-content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative
}

.tui-split-scroll .tui-split-content-left,
.tui-split-scroll .tui-split-content-right {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto
}

.tui-split-scroll button.tui-scrollsync {
  top: 10px;
  opacity: .2
}

.tui-split-scroll button.tui-scrollsync:after {
  content: "scroll off"
}

.tui-split-scroll.scroll-sync button.tui-scrollsync {
  opacity: .5
}

.tui-split-scroll.scroll-sync .tui-split-content-left,
.tui-split-scroll.scroll-sync .tui-split-content-right {
  height: auto;
  overflow: initial
}

.tui-split-scroll.scroll-sync button.tui-scrollsync:after {
  content: "scroll on"
}

.tui-split-scroll.scroll-sync .tui-split-scroll-content {
  overflow-y: auto
}

.tui-split-scroll.single-content .tui-splitter {
  display: none
}

.tui-split-scroll.single-content .tui-split-content-left {
  width: 100%
}

.tui-split-scroll.single-content .tui-split-content-right,
.tui-split-scroll.single-content button.tui-scrollsync {
  display: none
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .tui-split-scroll-wrapper .tui-splitter {
    left: calc(50% - 9px)
  }
}

@supports (-ms-accelerator:true) {
  .tui-split-scroll-wrapper .tui-splitter {
    left: calc(50% - 9px)
  }
}

@media screen and (max-width:480px) {
  .tui-popup-wrapper {
    max-width: 300px
  }

  .tui-editor-popup {
    margin-left: -150px
  }

  .te-dropdown-toolbar {
    max-width: none
  }
}

.CodeMirror {
  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tui-editor-contents :not(table) {
  line-height: 160%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.tui-editor-contents address,
.tui-editor-contents cite,
.tui-editor-contents dfn,
.tui-editor-contents em,
.tui-editor-contents i,
.tui-editor-contents var {
  font-style: italic
}

.tui-editor-contents strong {
  font-weight: 700
}

.tui-editor-contents p {
  margin: 10px 0;
  color: #555
}

.tui-editor-contents>div>div:first-of-type h1,
.tui-editor-contents>h1:first-of-type {
  margin-top: 14px
}

.tui-editor-contents h1,
.tui-editor-contents h2,
.tui-editor-contents h3,
.tui-editor-contents h5 {
  font-weight: 700
}

.tui-editor-contents h1 {
  font-size: 1.6rem;
  line-height: 28px;
  border-bottom: 3px double #999;
  margin: 52px 0 15px 0;
  padding-bottom: 7px;
  color: #000
}

.tui-editor-contents h2 {
  font-size: 1.3rem;
  line-height: 23px;
  border-bottom: 1px solid #dbdbdb;
  margin: 30px 0 13px 0;
  padding-bottom: 7px;
  color: #333
}

.tui-editor-contents h3,
.tui-editor-contents h4 {
  font-size: 1.2rem;
  line-height: 18px;
  margin: 20px 0 2px;
  color: #333
}

.tui-editor-contents h5,
.tui-editor-contents h6 {
  font-size: 1rem;
  line-height: 17px;
  margin: 10px 0 -4px;
  color: #333
}

.tui-editor-contents blockquote {
  margin: 15px 0;
  border-left: 4px solid #ddd;
  padding: 0 15px;
  color: #777
}

.tui-editor-contents blockquote>:first-child {
  margin-top: 0
}

.tui-editor-contents blockquote>:last-child {
  margin-bottom: 0
}

.tui-editor-contents code,
.tui-editor-contents pre {
  font-family: Consolas, Courier, Apple SD 산돌고딕 Neo, -apple-system, Lucida Grande, Apple SD Gothic Neo, 맑은 고딕, Malgun Gothic, Segoe UI, 돋움, dotum, sans-serif;
  border: 0;
  border-radius: 0
}

.tui-editor-contents pre {
  margin: 2px 0 8px;
  padding: 18px;
  background-color: #f5f7f8
}

.tui-editor-contents code {
  color: #c1788b;
  padding: 4px 4px 2px 0;
  letter-spacing: -.3px
}

.tui-editor-contents pre code {
  padding: 0;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent
}

.tui-editor-contents pre.addon {
  border: 1px solid #e8ebed;
  background-color: #fff
}

.tui-editor-contents img {
  margin: 4px 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  max-width: 100%
}

.tui-editor-contents table {
  margin: 2px 0 14px;
  color: #555;
  width: auto;
  border-collapse: collapse;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tui-editor-contents table td,
.tui-editor-contents table th {
  height: 32px;
  padding: 5px 14px 5px 12px
}

.tui-editor-contents table td {
  border: 1px solid #eaeaea
}

.tui-editor-contents table th {
  border: 1px solid #72777b;
  border-top: 0;
  background-color: #7b8184;
  font-weight: 300;
  color: #fff;
  padding-top: 6px
}

.tui-editor-contents dir,
.tui-editor-contents menu,
.tui-editor-contents ol,
.tui-editor-contents ul {
  display: block;
  list-style-type: disc;
  padding-left: 17px;
  margin: 6px 0 10px;
  color: #555
}

.tui-editor-contents ol {
  list-style-type: decimal
}

.tui-editor-contents ol ol,
.tui-editor-contents ol ul,
.tui-editor-contents ul ol,
.tui-editor-contents ul ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.tui-editor-contents ul li {
  position: relative
}

.tui-editor-contents ul p,
ol p {
  margin: 0
}

.tui-editor-contents pre ul li:before,
.tui-editor-contents ul li.task-list-item:before {
  content: ""
}

.tui-editor-contents hr {
  border-top: 1px solid #eee;
  margin: 16px 0
}

.tui-editor-contents a {
  text-decoration: underline;
  color: #5286bc
}

.tui-editor-contents a:hover {
  color: #007cff
}

.tui-editor-contents {
  font-size: 13px;
  margin: 0;
  padding: 0
}

.tui-editor-contents .task-list-item {
  border: 0;
  list-style: none;
  padding-left: 22px;
  margin-left: -22px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 0 2px;
  background-image: url("")
}

.tui-editor-contents .task-list-item.checked {
  background-image: url("")
}

.tui-editor-contents .task-list-item .task-list-item-checkbox,
.tui-editor-contents .task-list-item input[type=checkbox] {
  margin-left: -17px;
  margin-right: 3.8px;
  margin-top: 3px
}

.tui-editor-contents-placeholder:before {
  content: attr(data-placeholder);
  color: grey;
  line-height: 160%;
  position: absolute
}